<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>16110100521</title>
	<style>
		a{
			width: 140px;
			height: 32px;
			line-height: 32px;
			text-align: center;
			background-color: #c00;
			display: block;
/*			inline都在一行，block一个一行*/
			text-decoration: none;
		}
/*		一定要按照顺序*/
/*		常用属性*/
		a:link{color: #fff;}
/*		访问过的超链接*/
		a:visited{color: #ff0;}
/*		鼠标在超链接上*/
		a:hover{
			background-color: #039;
			font-weight: bold;
		}
/*	    选择的时候*/
		a:active{background-color: #000;}
	</style>
</head>

<body>
<!--	伪类-->
	<a href="#">ID选择器</a>
	<a href="#">标签选择器</a>
	<a href="#">类选择器</a>
	<a href="#">伪类</a>
</body>
</html>
